import React from 'react';
import { connect } from 'dva';
import dynamic from 'umi/dynamic';
import StepWizard from '@/components/StepWizard';
import PageLoading from '@/components/PageLoading';

const Query = dynamic({
  loader: () => import(`./Query`),
  loading: PageLoading,
});
const OperView = dynamic({
  loader: () => import(`./components/OperView.js`),
  loading: PageLoading,
});

function Index() {
  return (
    <StepWizard isLazyMount>
      <Query />
      <OperView destroy />
    </StepWizard>
  );
}

export default connect(({ setting }) => ({
  size: setting.size,
}))(Index);
